<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
   
    <title>Document</title>
    <style>
        .wrong {
            border: 2px solid red;
        }
        .right{
            border: 2px solid #91b81d;
        }
    </style>
</head>
<body>
    账号：<input type="text" onblur="fn(this)"/><br><br>
    密码：<input type="password" onblur="fn(this)"/>

    <script>
        // 需求：失去焦点的时候判断input按钮中的值，如果账号或密码在6-12个字符之间通过，否则报错。

        function fn(aaa){
      
                    if(aaa.value.length < 6 || aaa.value.length > 12){
                        aaa.className="wrong";
                    }else{
                        aaa.className="right";  
                    }
        }
        function fn(aaa){
		    if(aaa.value.length < 6 || aaa.value.length > 12){
		        aaa.className="wrong";
		        alert("请输入6-12个字符");
		    }else{
		        aaa.className="right";  
		    }
		}

    </script>
</body>
</html>
